/** 自定义修改 element-push 组件全局样式 **/

.is-pure {
  @include jbbg;
  border: 0px !important;
}

.el-dropdown-menu,
.el-select-dropdown {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(67, 67, 67, 0.8)) !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5) inset;

  &__item {
    color: $--color-font !important;

    &:hover,
    &:active {
      background: linear-gradient(to right, $--color-jb3, $--color-jb4) !important;
      color: $--color-hover !important;
    }
  }
}

.el-popper__arrow {
  &::before {
    border: 0px !important;
    background: linear-gradient(130deg, $--color-jb3, $--color-jb4) !important;
  }
}

.el-dialog {
  background: linear-gradient(45deg, $--color-jb5, $--color-jb6) !important;
  box-shadow: 0 10px 20px rgb(0 0 0 / 40%) !important;
  backface-visibility: hidden;
  border-radius: 5px !important;
  color: $--color-font;

  &__header {
    padding: 15px 15px 10px 15px !important;
  }

  &__close {
    font-size: 18px;
    font-weight: bold !important;
    transition: transform 0.5s ease-out;

    &:hover {
      color: $--color-hover !important;
      transform: rotate(180deg);
    }
  }

  &__title {
    color: $--color-font !important;

    i {
      color: $--color-font !important;
    }
  }
}

.el-scrollbar__thumb {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, $--color-jb1, $--color-jb2);
}